<!--
 * @Author: wangding
 * @Date: 2020-08-19 09:34:59
 * @LastEditTime: 2020-08-28 09:28:00
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \youlunzx\index.html
-->
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/css.css">

</head>

<body>
    <div class="">
        <div class="header w">
            <div class="log-box">
                <h1>
                    <a href="javascript:;">
                        游轮中心
                        <!-- <img src="./images/u45.png" alt=""> -->
                    </a>
                </h1>
            </div>
            <div class="log-text-box">
                <img src="./images/u46.png" alt="">
            </div>
            <div class="search-box">
                <input type="text" placeholder="请输入关键字" class="search-input">
                <div class="search-icon">
                    <img src="./images/u48.svg" alt="">
                </div>
            </div>
        </div>
        <div class="menus clearfix">
            <ul class="main-menus w">
                <li onclick="goto('index')">首页</li>
                <li class="main-menus-two core">中心概况
                    <ul class="sub-menus-two">
                        <li onclick="goto('core','1')">中心简介</li>
                        <li onclick="goto('core','2')">领导班子</li>
                        <li onclick="goto('core','3')">主要研究方向</li>
                        <li onclick="goto('core','4')">中心成员介绍</li>
                    </ul>
                </li>
                <li>党建活动
                    <ul class="sub-menus-two">
                        <li onclick="goto('party','1')">组织机构</li>
                        <li onclick="goto('party','2')">党建活动</li>
                    </ul>
                </li>
                <li>人才培养
                    <ul class="sub-menus-two">
                        <li onclick="goto('personnel','1')">基本情况</li>
                        <li onclick="goto('personnel','2')">本科课程教学及培养</li>
                        <li onclick="goto('personnel','3')">研究生培养</li>
                        <li onclick="goto('personnel','4')">博士后招聘</li>
                        <li onclick="goto('personnel','5')">中心人员招聘</li>
                        <li onclick="goto('personnel','6')">下载专区</li>
                    </ul>
                </li>
                <li>学术成果
                    <ul class="sub-menus-two">
                        <li onclick="goto('learning','1')">学术讲座</li>
                        <li onclick="goto('learning','2')">对外交流</li>
                        <li onclick="goto('learning','3')">邀请访问</li>
                        <li onclick="goto('learning','4')">产品介绍</li>
                        <li onclick="goto('learning','5')">专利及软件</li>
                        <li onclick="goto('learning','6')">成果转换</li>
                    </ul>
                </li>
                <li>科学研究
                    <ul class="sub-menus-two">
                        <li onclick="goto('science','1')">科学项目</li>
                        <li onclick="goto('science','2')">科学成果</li>
                        <li onclick="goto('science','3')">计算机仿真技术</li>
                        <li onclick="goto('science','4')">实验技术</li>
                        <li onclick="goto('science','5')">设计技术</li>
                    </ul>
                </li>
                <li onclick="goto('contact','1')">联系我们
                </li>
            </ul>
        </div>
        <div class="content">
            <!-- 轮播图 -->
            <div class="content-banner">
                <div class="slider">
                    <!-- Swiper 注意不要更改里面的结构和类名 -->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./images/banner1.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/banner2.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/banner3.jpg" alt="">
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <!-- <iframe src="./core.html" frameborder='0' scrolling='auto'></iframe> -->
        </div>
        <div class="maintop">
            <div class="wr">
                <div class="first-box-left fl">
                    <div class="titlebar fl">
                        <div class="sytitle fl">科创中心动态</div>
                        <div class="more">
                            <a href="javascript:;" class="morecrt fr" target>查看更多>></a>
                        </div>
                    </div>
                    <div class="box-left-banner fl">
                        <!-- Swiper 注意不要更改里面的结构和类名 -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="./images/banner1.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/banner2.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/banner3.jpg" alt="">
                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="box-left-list fl">
                        <ul>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="first-box-right fl">
                    <div class="titlebar fl">
                        <div class="sytitle fl">工大要闻</div>
                        <div class="more">
                            <a href="javascript:;" class="morecrt fr" target>查看更多>></a>
                        </div>
                    </div>
                    <div class="box-left-list fl">
                        <ul>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="maintop">
            <div class="wr">
                <div class="first-box-left fl">
                    <div class="titlebar fl">
                        <div class="sytitle fl">产业孵化转化</div>
                        <div class="more">
                            <a href="javascript:;" class="morecrt fr" target>查看更多>></a>
                        </div>
                    </div>
                    <div class="box-left-banner fl">
                        <!-- Swiper 注意不要更改里面的结构和类名 -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="./images/banner1.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/banner2.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/banner3.jpg" alt="">
                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="box-left-list fl">
                        <ul>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="first-box-right fl">
                    <div class="titlebar fl">
                        <div class="sytitle fl">科研动态</div>
                        <div class="more">
                            <a href="javascript:;" class="morecrt fr" target>查看更多>></a>
                        </div>
                    </div>
                    <div class="box-left-list fl">
                        <ul>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>
                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                            <li>
                                <span>•</span> 重庆科创中心组织开展消防安全培训讲座
                                <span class="li-time">07-15</span>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-box">
            <p>
                版权所有 © 2008-2018 武汉理工大学</p>
            <p>Copyright ©UnionTest 2018 鄂ICP备338008960号</p>
        </div>
    </div>
</body>
<script>
    window.addEventListener('load', function() {
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    })
</script>

</html>